<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			h1 {
				letter-spacing: 2px;
			}
			
			h2 {
				letter-spacing: -3px;
			}
			
			p.small {
				line-height: 70%;
			}
			
			p.big {
				line-height: 200%;
			}
		</style>
	</head>

	<body>
		<h1>This is heading 1</h1>
		<h2>This is heading 2</h2>
		<p>
			This is a paragraph with a standard line-height.
			<br> This is a paragraph with a standard line-height.
			<br> The default line height in most browsers is about 110% to 120%.
			<br>
		</p>

		<p class="small">
			This is a paragraph with a smaller line-height.
			<br> This is a paragraph with a smaller line-height.
			<br> This is a paragraph with a smaller line-height.
			<br> This is a paragraph with a smaller line-height.
			<br>
		</p>

		<p class="big">
			This is a paragraph with a bigger line-height.
			<br> This is a paragraph with a bigger line-height.
			<br> This is a paragraph with a bigger line-height.
			<br> This is a paragraph with a bigger line-height.
			<br>
		</p>
	</body>

</html>